<script type="text/javascript">
var ok = false;
$(function() {
	$('#formContato').validate({
		
		errorElement: 'div',
		rules: {
			nome: 'required',
			telefone: 'required',
			email: {
				required: true,
				email: true
			},
			mensagem: 'required'
		},
		submitHandler: function(form) {
			ok = true;
		},
		invalidHandler: function(e) {
			ok = false;
		}
	});

	$('#formContato').submit(function (e) {
		if (!ok) {
			$('input[type=text],textarea,select').show();
			e.stopImmediatePropagation();
		}

	});

	var $parametros = {
			classePadrao: 'notification2',
	    	classeErro: 'attention',
	    	classeSucesso: 'success',
			success: function(retorno) {
    		if (retorno.resultado == 1) {
    			this.msgbox.addClass(this.classeSucesso);
        		$('#formContato')[0].reset();
    		} else {
    			this.msgbox.addClass(this.classeErro);
    		}
			$('.notification2').hide();
    		alert(retorno.msg);
		}
	};
	$('#formContato').ajaxPost($parametros);
	
	/*
	$('#formContato').ajaxMail('mandrelbr@hotmail.com', {
		'url': BASE_URL + 'contato/envia',
		'assunto': 'Email enviado via bigmix.ind.br',
		'remetente': 'contato@bigmix.ind.br',
		'success': 'Obrigado, seu e-mail foi enviado com sucesso.'
	});
	*/
});
</script>
<div class="tituloAzulMaior">CONTATO</div>
<div class="boxContato">
	<div class="tituloContato">Bem vindo(a) ao atendimento Big Mix. Deixe aqui suas dúvidas, sugestões ou críticas que logo retornaremos o contato.</div>

	<div class="formContato">
		<form id="formContato" action="<?php echo $this->action;?>" method="post">
			<span class="labelContato">*Nome</span>
			<div class="break"></div>
			<input type="text" name="nome" />
			<div class="sep5"></div>
			
			<span class="labelContato">*E-mail</span>
			<div class="break"></div>
			<input type="text" name="email" />
			<div class="sep5"></div>
			
			<span class="labelContato">*Telefone</span>
			<div class="break"></div>
			<input type="text" name="telefone" />
			<div class="sep5"></div>
			
			<span class="labelContato">*Mensagem</span>
			<div class="break"></div>
			<textarea name="mensagem"></textarea>
			<small style="font: bold 9px verdana; float: left;">*preenchimento obrigatório</small>
			<div class="sep5"></div>
			
			<div style="float: right;">
				<input class="btnAzulMaior" style="border: 0px; margin: 0 auto;" type="submit" value="ENVIAR" />
			</div>
		</form>
	</div>
</div>
<img style="float: left; margin: 10px 15px 0;" src="<?php echo $this->baseUrl('_img/site/img-separador-horizontal-menor.png');?>" />
<div class="boxContato" style="width: 362px;">
	<div class="tituloContato">
		Primeiro anel viário (CE040 / BR116) <br />
		km 42, galpão 1 sem número <br />
		Bairro: Coaçu / Eusébio - CE<br />
		<span style="font-size: 11px;">(85) 3274 5530</span>
	</div>
	<div class="break"></div>
	<div class="sep45"></div>
	<div class="bordaMapa">
		<div class="mapa">
			<iframe width="330" height="261" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com.br/maps?f=q&amp;source=s_q&amp;hl=pt-BR&amp;geocode=&amp;q=-3.89,+-38.45&amp;aq=&amp;sll=-5.321156,-39.343291&amp;sspn=6.756412,12.568359&amp;ie=UTF8&amp;t=m&amp;ll=-3.890031,-38.450003&amp;spn=0.02235,0.028238&amp;z=14&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com.br/maps?f=q&amp;source=embed&amp;hl=pt-BR&amp;geocode=&amp;q=-3.89,+-38.45&amp;aq=&amp;sll=-5.321156,-39.343291&amp;sspn=6.756412,12.568359&amp;ie=UTF8&amp;t=m&amp;ll=-3.890031,-38.450003&amp;spn=0.02235,0.028238&amp;z=14" style="color:#0000FF;text-align:left"></a></small>
		</div>
	</div>
</div>